<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html">            
        <h:form>


            <!--            <p:growl id="growl" showDetail="true" />-->

            <!--            <p:dashboard id="board" model="dashboardBean.model}" 
                                     reorderListener="dashboardBean.handleReorder}" 
                                     onReorderUpdate="growl"
                                     style=""
                                     >
            
                                     
                            <p:panel id="qualitySummary" header="Quality" toggleable="true" closable="true"
                                     onCloseUpdate="growl"
                                     onToggleUpdate="growl" widgetVar="qualitySummaryWidget"
                                     style="width: 600px;height:250px;">
                                <f:facet name="options">
                                    <p:menu>
                                        <p:submenu label="Settings">
                                            <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="qualitySummaryWidget.toggle()"/>
                                            <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="qualitySummaryWidget.close()"/>
                                        </p:submenu>
                                    </p:menu>
                                </f:facet>
            
                                <ui:include src="QualityOverallSummary.xhtml"/>
                            </p:panel>
            
            
                            <p:panel id="qualityChartDB" 
                                     header="Plant-1 Rework Causes" toggleable="true" 
                                     closable="true" 
                                     onCloseUpdate="growl"
                                     onToggleUpdate="growl" widgetVar="qualityChartWidget"
                                     style="width: 600px;height:250px;"
                                     >  
                                <ui:include src="QualityCausesChart.xhtml"/>
                                <f:facet name="options">
                                    <p:menu>
                                        <p:submenu label="Settings">
                                            <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="qualityChartWidget.toggle()"/>
                                            <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="qualityChartWidget.close()"/>
                                        </p:submenu>
                                    </p:menu>
                                </f:facet>
            
                            </p:panel>  
            
                            <p:panel id="qualityTotal" header="Plant-1 Total Rewok" toggleable="true" closable="true"
                                     onCloseUpdate="growl"
                                     onToggleUpdate="growl" widgetVar="qualityTotalWidget"
                                     style="width: 600px;height:250px;">
                                <ui:include src="QualityDailyCount.xhtml"/>
                                <f:facet name="options">
                                    <p:menu>
                                        <p:submenu label="Settings">
                                            <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="qualityTotalWidget.toggle()"/>
                                            <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="qualityTotalWidget.close()"/>
                                        </p:submenu>
                                    </p:menu>
                                </f:facet>
            
                            </p:panel>
            
                            <p:panel id="qualityAlert" header="Plant-1 Alerts" toggleable="true" closable="true"
                                     onCloseUpdate="growl"
                                     onToggleUpdate="growl" widgetVar="qualityAlertWidget"
                                     style="width: 600px;height:250px;">
                                <ui:include src="QualityAlert.xhtml"/>
                                <f:facet name="options">
                                    <p:menu>
                                        <p:submenu label="Settings">
                                            <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="qualityAlertWidget.toggle()"/>
                                            <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="qualityAlertWidget.close()"/>
                                        </p:submenu>
                                    </p:menu>
                                </f:facet>
            
                            </p:panel>
            
            
                        </p:dashboard>
            -->


            <h:panelGrid columns="3" width="100%" cellspacing="10">

                <h:panelGrid width="100%">
                    <p:panel header="Plant-1 Quality Summary"  style="height: 230px;">
                        <ui:include src="QualityOverallSummary.xhtml"/>
                    </p:panel>
                </h:panelGrid>
                <p:spacer width="10%"/>
                <p:panel header="Plant-1 Rework Causes" style="height: 230px">
                                            <ui:include src="QualityCauseSummary.xhtml"/>
                </p:panel>


                <p:panel header="Plant-1 Total Rewok" style="height: 230px">
                                            <ui:include src="QualityDailyCount.xhtml"/>
                </p:panel>
                <p:spacer width="10%"/>    
                <p:panel header="Plant-1 Alerts" style="height: 230px">
                                            <ui:include src="QualityAlert.xhtml"/>
                </p:panel>

            </h:panelGrid>



            <!--                <p:fieldset legend="Add New Dashboards" toggleable="true" collapsed="true">
                                <h:panelGrid columns="3">  
                                    <p:panel id="qualityCause" header="Plant-1 Rework Causes" toggleable="true" closable="true"
                                             onCloseUpdate="growl"
                                             onToggleUpdate="growl" widgetVar="qualityCauseWidget"
                                             style="width: 600px;height:250px">
                                        <ui:include src="QualityCauseSummary.xhtml"/>
                                    </p:panel>
                                    <p:draggable for="qualityCause" dashboard="board" />  
            
                                </h:panelGrid>
                            </p:fieldset>            -->


            <!--        <p:carousel value="dashboardBean.panelName" var="qt"  
                                style="width: 100%" rows="2" >
                        <p:column>
                            <p:commandButton value="Model: qt}" 
                                             style="">
                                                                <f:setPropertyActionListener value=""   
                                                                                             target="" />  
            
                            </p:commandButton>
                        </p:column>
            
                    </p:carousel>-->




        </h:form>
    </f:view>
</ui:composition>